/**
 * 侧边导航关闭折叠控制
 */

function toggleSlide() {
  $('.nav > li > a').on('click', function () {
    let childMenu = $(this).next('ul');
    childMenu.slideToggle(400);
    let icon = childMenu.prev().find('.toggle');
    if (icon.hasClass('open')) {
      icon.removeClass('open').addClass('close');
    } else {
      icon.removeClass('close').addClass('open');
    }
  })

  // 默认第一个菜单展开
  $('.nav > li > a').eq(0).trigger('click');

  // 所有子菜单切换时加背景色
  $('.nav ul a').on('click', function () {
    $(this).addClass('active')
    $('.nav ul a').not($(this)).removeClass('active');
  })

}

toggleSlide();

// 需求1:退出登录
// 点击div,跳转到登录页,销毁token
const logout = document.querySelector('.logout')
logout.addEventListener('click', function () {
  // 优化
  // if(!confirm('确定要退出登录吗?'))return
  // 判断
  if (confirm('确定要退出登录吗?')) {
    // 跳转到登录页 - 基于html
    location.href = './login.html'
    // 销毁token  getItem();setItem(),removeItem()
    localStorage.removeItem('token')
  }
})

// 需求2:点击初始化;
const init = document.querySelector('.init')
// 绑定事件
init.addEventListener('click', function () {
  // 发送ajax
  axios({
    method: 'get',
    // 因为没有设置token,所以报错:"身份认证失败"
    url: '/init/data',
    // 'header'是即将被发送的自定义请求头
    // headers: {
    //   // token用于身份认证,发送ajax的时候必须以请求头的形式携带
    //   Authorization: localStorage.getItem('token')
    // }
  }).then(({ data: res }) => {
    // 判断业务状态码
   if (res.code==0) {
    // 成功的话,直接提示
     toastr.success(res.message)
   }
  })
})

